window.onload = function(){
    var numero = 0;
    
    
    $('#addCalle').click(function(){
        numero++;
        var nombre = $('<input/>').attr('id', numero).attr('type', 'text').addClass('calle');
        var cerrar = $('<img/>').attr('id', numero).addClass('imagen').attr('src','images/eliminar.png');
        var tr = $('<tr></tr>').append($('<tr></td>').append(nombre).append(cerrar));
        $('#tabla').append(tr);
    });
    
    $('.imagen').live('click', function(){
        numero--;
        $(this).parent().remove();
    });
    
    $('#submit').click(function(){
        var calles = [];
        $('.calle').each(function(index){
            calles.push($(this).val());
        });  

        $.ajax({
            type: 'POST',
            url: 'guardarCalles.php',
            data: {
                linea: $('#select_linea').val(),
                tipo: $('#select_linea_tipo').val(),
                calles: calles
            }
        });
    });
    
}